草庐IT

Bootstrap4 按钮

全部标签

javascript - Bootstrap 工具提示不考虑数据放置参数

我在我的元素上添加了如下Bootstrap工具提示参数:我还添加了以下脚本:$('[data-toggle="tooltip"]').tooltip();好吧,工具提示正在显示,但它不考虑数据放置参数:它始终位于控件的底部。我发现定位存在一些问题,但我发现的都是很久以前的事了,我现在有bootstrap3.3.1。关于如何解决这个问题的任何线索?编辑:这是一个示例代码,其中包含我正在使用的相同库。还是不行test$(function(){$('[data-toggle="tooltip"]').tooltip();}); 最佳答案

javascript - 单击按钮时 Vue : How to call . focus()

我昨天才开始使用vue.js编码,我不知道如何在不使用“传统”JS方式(即document)的情况下“关注”文本框。getElementById('myTextBox').focus().最初,我的文本框是隐藏的。我有一个“开始”按钮,当用户点击它时,会显示文本框,我想在那里设置focus,可以这么说。我已经尝试使用ref,但无济于事(请参阅下面的代码)。HTML:Javascriptexportdefault{name:'game',methods:{startTimer(){setTimeout(function(){/*.focus()won'tworkwithoutthis*/

javascript - 如何使用 javascript 使按钮标签动态化?

我想做的是能够通过将文本置于实际变量中来更改按钮内的文本。像这样:status但它不是字符串,而是一个变量:varstatus='on'; 最佳答案 如果您尝试将按钮的文本分配给变量,那么它就像下面这样简单:varbuttonText="clickme!";document.getElementById("id-of-your-button").innerHTML=buttonText; 关于javascript-如何使用javascript使按钮标签动态化?,我们在StackOverf

javascript - 如何使 Bootstrap 3 工具提示跟随鼠标?

我的网站上有一个链接列表,这些链接在Bootstrap工具提示中显示图像">Item1">Item2">Item3$(document).ready(function(){$('a').tooltip({placement:"right"})}这只会在所有链接的右侧显示工具提示。虽然图像是静态的,但我希望工具提示图像随着用户四处移动鼠标而四处移动。你可以在这个网站上看到我想做的事的例子:http://www.hearthpwn.com/decks/381677-druidereno.在右侧边栏上,有一个卡片列表,您可以将鼠标悬停在上面,工具提示图像会跟随鼠标移动。看起来他们没有使用Bo

javascript - 将 Sweet Alert 弹出窗口添加到 React 组件中的按钮

我找到了这个完美的用于Bootstrap和React的SweetAlert模块(我正在我的Meteor应用程序中使用):http://djorg83.github.io/react-bootstrap-sweetalert/但我不明白您如何将此代码包含在React组件中。当有人在我的应用程序中单击“删除”按钮时,我希望弹出SweetAlert提示以请求确认。这是删除按钮的组件:importReact,{Component}from'react';importGoalsfrom'/imports/collections/goals/goals.js'importSweetAlertfro

javascript - 我是未定义的 [bootstrap 4]

我正在通过CDN使用bootstrap4.1.x问题是在我加载页面的一半时间里,JavaScript会抛出错误:TypeError:iisundefinedbootstrap.min.js:6:2691有时来自bootstrap的utils.js我使用JavaScript生成页面的HTML部分:document.getElementById("something").innerHTML=myString;这是实际的字符串:Logosometextmodaltitle×titlecourscollapsetextClose我是JavaScript的新手,所以也许我遗漏了一些明显的东西,但

javascript - 如何隐藏JWPlayer播放按钮?

如何隐藏JWPlayer视频屏幕中央的播放按钮?我使用的是播放器的5.4版,我正在使用他们自己的“JWEmbedder”技术嵌入它。我试过以下但没有成功:jwplayer("myPlayer").setup({file:'myMediaFile.mp4',image:'myPosterFile.jpg',controlbar:'bottom',icons:false});我在某处读到这可能已从5.0版中删除,现在必须用皮肤来完成。但是,我还读到它在5.1版中返回了……? 最佳答案 我遇到了同样的问题,解决方案是设置:'control

javascript - 每行带有按钮的 Html 表格

我有一个包含多行和一列的表格。每个表格单元格中都有一个按钮。像这样:Select我想做什么:按下其中一个按钮时,我想将其值从“编辑”更改为“修改”。有什么想法吗? 最佳答案 很确定这可以解决您正在寻找的问题:HTML:editeditediteditJavascript(使用jQuery):$(document).ready(function(){$('.editbtn').click(function(){$(this).html($(this).html()=='edit'?'modify':'edit');});});编辑:显

javascript - Bootstrap 嵌套折叠仅在父折叠时发生事件

我有一个嵌套的BootstrapCollapse,其中显示的事件同时在父Collapse和子Collapse上触发。我需要它只触发父Collapse而不是child。$(document).ready(function(){$("#accordion2").on("shown",function(){alert("shown!");});});这是一个例子:http://jsfiddle.net/xb9K6/ 最佳答案 您可以使用event对象的stopPropagation方法。$(".accordion").on("shown"

javascript - 在大分辨率下禁用 Bootstrap 3 折叠 Accordion 中的切换选项

是否可以仅在较大的分辨率下禁用Bootstrap折叠Accordion的切换功能?目标是让Accordion在小分辨率下折叠并带有切换状态的选项,并在大分辨率下展开而没有切换状态的选项。使用Bootstrap内置功能来实现这一目标的最佳方式是什么?我已经用我现在的东西制作了一个Fiddle演示。我不擅长JS。JSFiddle演示:http://jsfiddle.net/1crojp98/1/HTML:Panel1Loremipsumdolorsitamet,consecteturadipiscingelit.Uttristiquelaoreetdui,idporttitoripsumc